<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>个人信息设置</title>
    <th:block th:include="import :: links"></th:block>
</head>
<body>
<header>
    <th:block th:include="import :: navigation"></th:block>
</header>
<section class="container" style="margin-top: 60px;">
    <div class="row" id="dataContent">
        <ol class="breadcrumb col-md-12">
            <li><a href="/index.html">首页</a></li>
            <li class="active">个人信息</li>
        </ol>
        <h2>个人信息</h2>
        <hr/>
        <div class="col-md-12">
            <form class="form-horizontal" id="profileForm" method="post">

                <div class="form-group">
                    <label for="loginName" class="col-sm-2 control-label">登录名</label>
                    <div class="col-sm-8">
                        <p class="form-control-static">{{profile.loginName}}</p>
                        <input type="text" class="form-control hidden" id="loginName" name="loginName" placeholder="登录名称" v-model="profile.loginName"/>
                    </div>
                    <div class="help-block col-md-2"></div>
                </div>

                <div class="form-group">
                    <label for="nickName" class="col-sm-2 control-label">姓名</label>
                    <div class="col-sm-8">
                        <p class="form-control-static">{{profile.nickName}}</p>
                        <input type="text" class="form-control hidden" id="nickName" name="nickName" placeholder="姓名" v-model="profile.nickName"/>
                    </div>
                    <div class="help-block col-md-2"></div>
                </div>

                <div class="form-group">
                    <label for="gender" class="col-sm-2 control-label">性别</label>
                    <div class="col-sm-8">
                        <p class="form-control-static" v-if="profile.gender==1">男</p>
                        <p class="form-control-static" v-if="profile.gender!=1">女</p>
                        <select class="form-control hidden" id="gender" name="gender" v-model="profile.gender">
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                    <div class="help-block col-md-2"></div>
                </div>

                <div class="form-group">
                    <label for="mobile" class="col-sm-2 control-label">联系电话</label>
                    <div class="col-sm-8">
                        <p class="form-control-static">{{profile.mobile}}</p>
                        <input type="text" class="form-control hidden" id="mobile" name="mobile" placeholder="联系电话" v-model="profile.mobile"/>
                    </div>
                    <div class="help-block col-md-2"></div>
                </div>
                <div class="form-group">
                    <label for="email" class="col-sm-2 control-label">邮箱</label>
                    <div class="col-sm-8">
                        <p class="form-control-static">{{profile.email}}</p>
                        <input type="text" class="form-control hidden" id="email" name="email" placeholder="邮箱" v-model="profile.email"/>
                    </div>
                    <div class="help-block col-md-2"></div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" id="btn-profile-edit" class="btn btn-success">修改</button>
                        <button type="submit" id="btn-profile-save" class="btn btn-success hidden">保存</button>
                        <button type="button" id="btn-profile-reset" class="btn btn-success hidden">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
<footer id="footer"></footer>
<th:block th:include="import :: impJS"></th:block>
<script type="text/javascript" th:src="@{/js/profile/index.js}"></script>
</body>
</html>